<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>推荐MV</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet/less" href="../css/common.less">
  <link rel="stylesheet/less" href="../css/refer_mv.less">
</head>

<body>
  <header class="header_common">
    <div class="bg_nav clearfix">
      <nav>
        <a href=""><img src="../images/home/three_hr.png" alt=""></a>
        <ul>
          <li><a href="">我的</a></li>
          <li><a href="">推荐</a></li>
          <li><a href="">发现</a></li>
        </ul>
        <a href=""><img src="../images/home/serach_icon.png" alt=""></a>
      </nav>
    </div>
    <ul class="nav_menu">
      <li><a href="../index.html">首页</a></li>
      <li><a href="./omnibus.html">精选集</a></li>
      <li><a href="./rank.html">排行榜</a></li>
      <li><a href="">电台</a></li>
      <li><a href="./refer_mv.html">MV</a></li>
    </ul>
    <div class="mv_menu_box">
      <div class="mv_menu">
        <ul class="left">
          <li><a href="">推荐</a>|</li>
          <li><a href="">最热</a>|</li>
          <li><a href="">最新</a></li>
        </ul>
        <div class="right">
          <a href="">&lt;</a>
          <a href="">筛选</a>
        </div>
      </div>
    </div>
  </header>
  <div class="home_music mv_three_menu">
    <ul>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic1.png" alt="">
          <h3>叁玖素材新歌MV帅出新高度</h3>
          <h4>虾米留声机</h4>
        </a>
      </li>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic2.png" alt="">
          <h3>田馥甄&井柏然献唱《寂寞寂寞就好》</h3>
          <h4>叁玖素材</h4>
        </a>
      </li>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic3.png" alt="">
          <h3>2017全音乐世界威尼斯颁奖典礼现场晚...</h3>
          <h4>Various one Ar...</h4>
        </a>
      </li>
    </ul>
  </div>
  <div class="home_music mv_three_menu">
    <div class="title">
      <h2>小编吐血推荐</h2>
    </div>
    <ul>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic4.png" alt="">
          <h3>爱又爱</h3>
          <h4>by2</h4>
        </a>
      </li>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic5.png" alt="">
          <h3>时光总有音乐陪着我</h3>
          <h4>BTY</h4>
        </a>
      </li>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic6.png" alt="">
          <h3>情迷大提琴，涌动心弦的深沉</h3>
          <h4>彼得大帝</h4>
        </a>
      </li>
    </ul>
  </div>
  <div class="home_music mv_two_menu">
    <ul>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic7.png" alt="">
          <h3>失速</h3>
          <h4>吴克群</h4>
        </a>
      </li>
      <li>
        <a href="">
          <img src="../images/refer_mv/mv_pic8.png" alt="">
          <h3>老旧的思恋</h3>
          <h4>Ailee</h4>
        </a>
      </li>
    </ul>
  </div>
  <footer>
    <div class="container">
      <div class="left">
        <a href="">
          <img src="../images/home/footer_pic.png" alt="">
          <span>
            <h2>Tomorrow</h2>
            <h3>Avril Lavigne</h3>
          </span>
        </a>
      </div>
      <div class="right">
        <a href=""><img src="../images/home/footer_icon1.png" alt=""></a>
        <a href=""><img src="../images/home/footer_icon2.png" alt=""></a>
      </div>

    </div>
    <div class="bar">
      <span></span>
      <span></span>
    </div>
  </footer>
</body>
<script src="../js/less.min.js" type="text/javascript"></script>

</html>